<template>
  <!-- client框架组件 -->
  <Suspense>
    <!-- <film-read v-bind="reactive({ ...pageSettings.pic, isComponent: Content })" /> -->
    <component
      :is="FilmReadComp"
      :key="FilmRead.currentSeriesIndex"
      v-bind="reactive({ ...pageSettings.mp4, isComponent: Content })"
    ></component>
  </Suspense>
</template>

<script lang="ts" setup>
  import { reactive } from 'vue';
  import * as Store from '@/store';
  import FilmReadComp from '@/views/filmRead/index.vue';
  import Content from './content.vue';
  import pageSettings from '@/config/filmRead.json';
  const FilmRead = Store.useFilmRead();
</script>

<style lang="less" scoped></style>
